<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>注册</title>
		<link rel="stylesheet" type="text/css" href="../css/mui.css"/>
		<link rel="stylesheet" type="text/css" href="../css/common.css"/>
		<style type="text/css">
			body{
				background: #FFFFFF;
			}
			.username,.userpassword,.nickname,.Verification{
				margin: 20px auto;
				background: #f7f7f7;
				border: solid 1px #d4d4d4;
				border-radius:20px ;
			}
			.username label{
				background: url(../img/login/01.png) no-repeat;
				background-size:30% ;
				background-position:40% 40% ;
			}
			.nickname label{
				background: url(../img/login/03.png) no-repeat;
				background-size:30% ;
				background-position:40% 40% ;
			}
			.Verification label{
				background: url(../img/login/04.png) no-repeat;
				background-size:30% ;
				background-position:40% 40% ;
			}
			.username input,.userpassword input,.nickname input,.Verification input{font-size: 0.9rem;}
			.userpassword label{
				background: url(../img/login/02.png) no-repeat;
				background-size:30% ;
				background-position:40% 40% ;
			}
			.mui-input-group:before,.mui-input-group .mui-input-row:after,.mui-input-group:after{
				background: none;
			}
			.loginbut{
				border: none;
				border-radius:20px ;
				background: #ffa23f;
				color: #FFFFFF;
				font-weight: 800;
				background: linear-gradient(to right, #ffa23f , #ff822a);
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav PT20" style="background: none; box-shadow: none;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: #fc9153;"></a>
			<h1 class="mui-title"></h1>
		</header>
		<div class="main PT60">
			<h3 class="color3 PL20">新用户注册</h3>
		    		<form class="mui-input-group">
				    <div class="mui-input-row username width80">
				        <label style="width: 20%;">&nbsp;&nbsp;</label>
				    		<input style="width: 80%;" type="text" class="mui-input-clear" placeholder="输入手机号码">
				    </div>
				    <div class="mui-input-row userpassword width80">
				        <label style="width: 20%;">&nbsp;&nbsp;</label>
				        <input style="width: 80%;" type="password" class="mui-input-password" placeholder="输入密码">
				    </div>
				    <div class="mui-input-row nickname width80">
				        <label style="width: 20%;">&nbsp;&nbsp;</label>
				    		<input style="width: 80%;" type="text" class="mui-input-clear" placeholder="输入昵称">
				    </div>
				    <div class="mui-input-row Verification width80">
				        <label style="width: 20%;">&nbsp;&nbsp;</label>
				        <span class="fr colorf8" style="width: 35%;padding: 10px 0px;">获取验证码 </span>
				        <span class="fr colorC" style="width: 3%;padding: 8px 0px;">|</span>
				    		<input style="width: 42%;padding-right: 0" type="text" class="mui-input-clear" placeholder="输入手机验证码">
				    </div>
				    <div class="mui-button-row">
				        <button type="button" class="mui-btn loginbut width80 font1-2" >注册</button>
				    </div>
				</form>
			
		</div>
		<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
